  // 把插入徽标的事件直接注册成一个组件其他页面引入就能使用
  
  // 导入辅助函数
  import { mapGetters } from 'vuex'

export default {
  computed: {
    // 将m_cart模块中的 total 映射为当前页面的计算属性
    ...mapGetters('m_cart', ['total'])
  },
  
  // 页面刚显示出来的时候，立即调用 setBadge 方法，为 tabBar 设置数字徽标
  onShow() {
    this.setBadge()
  },
  
  watch: {
    total(){
      this.setBadge()
    }
  },
  
  // 设置方法
  methods: {
    setBadge() {
      // 通过 uni.setTabBarBadge() 方法  为购物车的右上角设置徽标
      uni.setTabBarBadge({
        index: 2, // 索引 给tabbar栏的索引为2的加上徽标
        text: this.total + '' // 徽标上的文字，text的值必须是字符串  +'就是转化为字符串'
      })
    }
  }
}